<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>portfolio</title>

    <!-- 引入font awesome插件链接  -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">

   <!--  css 链接  -->
    <link rel="stylesheet" href="css/style.css">

</head>
<body>
    
<!-- 导航条开始部分 -->
<nav class="navbar">
    <a href="home.html"> <i class="fas fa-home"></i> <span>主页</span> </a>
    <a href="about.html"> <i class="fas fa-user"></i> <span>相关</span> </a>
    <a href="translation.html"> <i class="fas fa-globe"></i><span>风景</span> </a>
    <a href="place.html"> <i class="fas fa-cheese"></i><span>美食</span> </a>
    <a href="contact.html"> <i class="fas fa-address-book"></i> <span>合同</span> </a>
</nav>

<!-- 导航条 -->

<!-- 风景主要部分开始  -->

<section class="portfolio">

    <h1 class="heading"> <span>some</span> place </h1>

    <div class="box-container">

        <div class="box">
            <img src="images/jiuzaigou.webp" alt="">
<!-- 使用 target 属性，你可以定义被链接的文档在何处显示。 -->
            <div class="content">
                <h3>九寨沟</h3>
                <p>九寨沟是世界自然遗产、国家重点风景名胜区、国家AAAAA级旅游景区、国家级自然保护区、国家地质公园、世界生物圈保护区网络，也是中国第一个以保护自然风景为主要目的的自然保护区。</p>
                <a href="https://baike.baidu.com/item/%E4%B9%9D%E5%AF%A8%E6%B2%9F%E5%9B%BD%E5%AE%B6%E7%BA%A7%E8%87%AA%E7%84%B6%E4%BF%9D%E6%8A%A4%E5%8C%BA/8762684?fromtitle=%E4%B9%9D%E5%AF%A8%E6%B2%9F&fromid=122560&fr=aladdin"  rel="noopener noreferrer">了解更多</a>
            </div>
        </div>

        <div class="box">
            <img src="images/emeishan.jpg" alt="">
            <div class="content">
                <h3>峨眉山</h3>
                <p>峨眉山文化底蕴深厚。佛教、道教、武术、山茶文化在峨眉山蓬勃发展，多位历史名人在此留下诗篇；1996年，峨眉山绝大部分文物被联合国教科文组织列入《世界文化遗产》名录</p>
                <a href="https://baike.baidu.com/item/%E5%B3%A8%E7%9C%89%E5%B1%B1/2676?fromModule=lemma_search-box"  rel="noopener noreferrer">了解更多</a>
            </div>
        </div>
       
        <div class="box">
            <img src="images/daocheng.jpg" alt="">
            <div class="content">
                <h3>稻城亚丁</h3>
                <p>四川亚丁国家级自然保护区森林面积560平方千米，有维管束植物1126种、脊椎动物291种。海拔在5000米以上的山峰10余座，海拔4500米以上的山峰30余座，高山古冰川湖泊62个</p>
                <a href="https://baike.baidu.com/item/%E5%9B%9B%E5%B7%9D%E4%BA%9A%E4%B8%81%E5%9B%BD%E5%AE%B6%E7%BA%A7%E8%87%AA%E7%84%B6%E4%BF%9D%E6%8A%A4%E5%8C%BA?fromModule=lemma_search-box"  rel="noopener noreferrer">了解更多</a>
            </div>
        </div>

        <div class="box">
            <img src="images/qingchengshan.webp" alt="">
            <div class="content">
                <h3>青城山</h3>
                <p>青城山是中国道教的发祥地之一，是道教十大洞天的第五洞天。是世界文化遗产、国家AAAAA级旅游景区，先后获全国低碳旅游示范区、全国智慧景区示范单位等称号。</p>
                <a href="https://baike.baidu.com/item/%E9%9D%92%E5%9F%8E%E5%B1%B1%E9%A3%8E%E6%99%AF%E5%8C%BA/1424090?fr=aladdin" rel="noopener noreferrer">了解更多</a>
            </div>
        </div>

        <div class="box">
            <img src="images/huanglong.jfif" alt="">
            <div class="content">
                <h3>黄龙风景区</h3>
                <p>是中国唯一保护完好的高原湿地，在一条由南向北逐渐隆起的山脊上。1992年，黄龙风景名胜区被列入《世界自然遗产名录》</p>
                <a href="https://baike.baidu.com/item/%E9%BB%84%E9%BE%99%E9%A3%8E%E6%99%AF%E5%90%8D%E8%83%9C%E5%8C%BA/17722?fr=aladdin" rel="noopener noreferrer">了解更多</a>
            </div>
        </div>

        <div class="box">
            <img src="images/dengxiaoping.webp" alt="">
            <div class="content">
                <h3>邓小平故居</h3>
                <p>广安市邓小平故里旅游区位于四川省广安市广安区协兴镇，面积3.19平方公里，是集缅怀纪念、爱国主义教育、古镇文化、社会主义新农村展示、休闲度假于一体的复合型旅游景区。</p>
                <a href="https://baike.baidu.com/item/%E5%B9%BF%E5%AE%89%E5%B8%82%E9%82%93%E5%B0%8F%E5%B9%B3%E6%95%85%E9%87%8C%E6%97%85%E6%B8%B8%E5%8C%BA/19826454?fromtitle=%E9%82%93%E5%B0%8F%E5%B9%B3%E6%95%85%E5%B1%85&fromid=15088502&fr=aladdin" rel="noopener noreferrer">了解更多</a>
            </div>
        </div>

    </div>

    <a href="#" class="btn">加载更多 <i class="fas fa-redo"></i> </a>
    
</section>

<!-- ends -->

</body>
</html>